<title>流程明细</title>
<script type="text/html" template>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/template.css?v={{ layui.admin.v }}-1" media="all">
</script>
<div>
    <a href="#" class="layui-btn layui-btn-normal">同意</a>
    <a href="#" class="layui-btn layui-btn-normal">保存表单</a>
    <a href="#" class="layui-btn layui-btn-normal">驳回</a>
    <a href="#" class="layui-btn layui-btn-normal">驳回到发起人</a>
    <a href="#" class="layui-btn layui-btn-normal">终止</a>
    <a href="#" class="layui-btn layui-btn-normal">流程图</a>
    <a href="#" class="layui-btn layui-btn-normal">审批历史</a>
    <a href="#" class="layui-btn layui-btn-normal">打印</a>
    <a href="#" class="layui-btn layui-btn-normal">沟通</a>
    <a href="#" class="layui-btn layui-btn-normal">加签</a>
    <a href="#" class="layui-btn layui-btn-normal">Web签章</a>
    <a href="#" class="layui-btn layui-btn-normal">手写签章</a>

</div>

<table id="processTask" lay-filter="processTaskTask"></table>

<script>
    layui.use(['table', 'layer', 'form', 'util', 'common'], function () {
        var table = layui.table;
        var layer = layui.layer;
        var util = layui.util;
        var common = layui.common;
        var $ = layui.$;
        var setter = layui.setter;
        //第一个实例
        table.render({
            elem: '#processTask'
            , cellMinWidth: 70
            , title: '流程任务管理详情'
            , url: serverPath.workflowPath + setter.workflowLinkPath + 'processTaskManager/list/info'
            , method: 'post'
            , toolbar: '#headerToolsBar'
            , page: true
            , cols: [[
                {type: 'checkbox', fixed: 'left'}
                , {field: 'name', title: '标题', sort: true, align: 'center', event: 'detail'}
                , {
                    field: 'processDefinitionId', title: '流程名称', sort: true, align: 'center', templet: function (d) {
                        return d.processDefinitionId.split(":")[0];
                    }
                }
                , {field: 'owner', title: '创建人', sort: true, align: 'center'}
                , {
                    field: 'createTime', title: '创建时间', sort: true, align: 'center', templet: function (d) {
                        return util.toDateString(d.createTime, "yyyy-MM-dd HH:mm:ss");
                    }
                }
                , {
                    field: 'durationInMillis', title: '持续时间', sort: true, align: 'center', templet: function (d) {
                        return d.durationInMillis / 1000 + "秒";
                    }
                }
            ]]
        });
    })
</script>
<style>

    .table-top-filter div {
        display: inline-block;
    }

    .table-top-filter .layui-form-label {
        width: 72px;
    }

    .table-top-filter div input {
        border-radius: 4px;
        float: left;
        width: 160px;
    }

    .table-top-filter label.layui-form-label {
        width: 108px;
        float: left;
    }

    .tablesize .layui-table-view {
        margin-right: 10px;
    }

    .layui-form-label {
        width: 90px;
    }

    .layui-form-item .layui-inline {
        margin-right: 0;
    }

    .layui-form-item .layui-i nput-inline {
        width: 103px;
    }

</style>